.order-wrapper {
  width: 100%;
  height: 100%;
  padding: .91rem .36rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: rgba(17, 17, 17, .94);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.order-wrapper.white {
  background-color: rgba(255, 255, 255, .94);
}
.order-werapper__form, .order-wrapper__img {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.order-wrapper__img img {
  width: 100%;
}
.order-wrapper h2 {
  font-size: .36rem;
  color: #fff;
  font-style: normal;
  line-height: 1;
  opacity: 1;
  text-align: center;
}
.order-wrapper h2.white {
  color: #333;
}
.submit-wrapper--order {
  width: 100%;
  margin: .58rem 0 .4rem 0;
}
.order-wrapper .input-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .32rem;
}
.order-wrapper .input-block:nth-child(3) {
  margin-bottom: 0;
}
.order-wrapper .input-block:nth-child(3) .input-box--order {
  max-width: 4.64rem;
}
.input-box--order {
  height: .96rem;
  border: .5px solid #757580;
  border-radius: .48rem;
  background-color: #282828;
  padding: 0.35rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-box--order.white {
  border: .5px solid #ccccd9;
  background-color: #fff;
}
.code-button--order {
  width: 2.08rem;
  height: .96rem;
  border: .5px solid #ff5314;
  border-radius: .48rem;
  color: #ff5314;
  background-color: #282828;
  font-size: .32rem;
  margin-left: .16rem;
}
.code-button--order.white {
  border: .5px solid #e53d00;
  color: #e53d00;
  background-color: #fff;
}
.submit-button--order {
  width: 100%;
  height: .96rem;
  border-radius: .48rem;
  background: -webkit-gradient(linear, left top, right top, from(#FE9209), to(#DB1504));
  background: linear-gradient(to right, #FE9209, #DB1504);
  color: #fff;
  margin-top: .56rem;
  font-size: .32rem;
  font-weight: 600;
}
.submit-button--order.active {
  background: #c0c5c9;
}
.order-wrapper .describe-wrapper > p {
  font-size: .28rem;
  color: #CCCCD9;
  text-align: center;
  line-height: .46rem;
}
.order-wrapper .describe-wrapper >p.white {
  color: #757580;
}
.input-box--order input {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  height: .8rem;
  margin-left: .14rem;
  font-size: .32rem;
  color: #fff;
}
.input-box--order input.white {
  color: #111;
}
.input-box--order .iconfont {
  color: #fff;
  font-size: .36rem;
}
.input-box--order .iconfont.white {
  color: #111;
}

.order {
  width: 100%;
  height: .88rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #e53d00;
  color: #fff;
  font-size: .3rem;
  z-index: 4;
}
.camer-name {
  margin-left: .1rem;
}
